JS - Conditioneel statement

if statement

De eenvoudigste versie van een if-opdracht ziet er zo uit:

// wedden dat je 6 gooit?
var worp = Math.round(Math.random() * 10);
if (worp == 6) {
    text = "Bingo!";
}

if…else

De werking van de if...else-opdracht ligt voor de hand:

// wedden dat je 6 gooit?
var worp = Math.round(Math.random() * 10);
if (worp == 6) {
    text = "Bingo!";
} else {
    text = "Goed geprobeerd, maar helaas je gooide " + worp + "...";
}

Van de twee blokken wordt er slechts één uitgevoerd, afhankelijk van de vraag of de methode window.addEventListener bestaat of niet.

else if

Je meerdere else if secties toevoegen om verschillende mogelijkheden af te gaan:

// wedden dat je 6 gooit?
var worp = Math.round(Math.random() * 10);
if (worp == 6) {
    text = "Bingo!";
} else if (worp < 6) {
    text = "Goed geprobeerd, maar helaas je worp is te klein, je gooide " + 
        worp + "...";
} else {
    text = "Goed geprobeerd, maar helaas je worp is te groot, je gooide " + 
        worp + "...";
}

Goede gewoontes

• Gebruik steeds de accolades. Je hoeft de accolades niet te gebruiken als er slechts 1 statement in het if blok staat.
• De openingsaccolade staat op dezelfde regel als if, else if, else.
• Het laatste statement in een if blok moet niet eindigen met een puntkomma maar maak er een gewoonte van om alle statements in een if blok te beëindigen met een puntkomma.

Opmerking

Het Math object is een ingebouwd object in JavaScript. Meer info over dit object vind je op Math W3schools.